
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-steam-square"></i> <strong>报价审批</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>普通价格单</li>
				<li class="active">报价审批</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">价格单信息</h4>
						</div>
						<div class="widget-content nopadding">
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
										<td width="8%" class="center">项目名称</td>
										<td width="16%">
											<div class="col-md-11">
												<input class="hidden" id="id" name="id" th:value="${quote.id}" /> 
												<input class="form-control" type="text" readonly="readonly" th:value="${quote.name}" />
											</div>
										</td>
										<td width="8%" class="center">附件</td>
										<td width="16%">
											<div class="col-md-11">
											<button type="button" class="btn btn-sm btn-info download">下载附件</button>
											<span id="quoteANum" class="badge label-pill label-primary">0</span>
											</div>
										</td>
									</tr>
									<tr class="odd gradeX">
											<td width="10%" class="center">客户名称</td>
											<td width="40%">
												<div class="col-md-11">
													<input type="hidden" name="customerId" id="customerId" th:value="${quote.customerId}"/>
													<input class="form-control" type="text" id="customerName"
														name="customerName" datatype="*,*1-100" nullmsg="请输入订货单位" 
														th:value="${quote.customerName}" readonly="readonly" />
												</div>
											</td>
											<td width="10%" class="center">交货日期</td>
											<td width="40%">
												<div class="col-md-11">
													<input class="form-control" type="date" id="deliveryDate" name="deliveryDate" datatype="*,date" readonly="readonly" th:value="${#dates.format(quote.deliveryDate,'YYYY-MM-dd')}" />
												</div>
											</td>
										</tr>
									<tr>
										<td class="center">备注</td>
										<td colspan="5">
											<div class="col-md-11">
												<textarea class="form-control" th:text="${quote.memo}" readonly="readonly" rows="3"></textarea>
											</div>
										</td>	
									</tr>
								</tbody>
							</table>
						</div>

						<h5 class="modal-title">
							<strong>泵</strong>
						</h5>
						<div class="box-body" style="width: 100%; overflow-x: scroll;">
							<table
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								width="3000px" id="mainDeviceTable">
								<thead>
									<tr>
										<th width="3%">序号</th>
										<th width="5%">产品名称</th>
										<th width="5%">产品类型</th>
										<th width="5%">产品型号</th>
										<th width="5%">降库状态</th>
										<th width="4%">数量</th>
										<th width="3%">单位</th>									
										<th width="4%">原价(元)</th>
										<th width="4%">报价(元)</th>
										<th width="6%">功率(kw)</th>
										<th width="6%">过流材质</th>
										<th width="6%">传输介质</th>
										<th width="6%">粘度(Cp)</th>
										<th width="6%">流量(m3/h)</th>
										<th width="6%">扬程(m)</th>
										<th width="6%">温度(℃)</th>
										<th width="5%">比重(kg/m3)</th>
										<th width="5%">入口压力(MPa)</th>
										<th width="5%">有效气蚀余量(NPSHa)(m)</th>
										<th width="6%">必须气蚀余量(NPSHr)(m)</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
						<div class="widget-content nopadding">
							<h5 class="modal-title">
								<strong>其他</strong>
							</h5>
							<table
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								id="otherTable">
								<thead>
									<tr>
										<th class="center" width="10%">序号</th>
										<th class="center" width="15%">配件名称</th>
										<th class="center" width="15%">规格型号</th>
										<th class="center" width="15%">材料</th>
										<th class="center" width="10%">单位</th>
										<th class="center" width="15%">数量</th>
										<th class="center" width="10%">原价</th>
										<th class="center" width="10%">报价</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>

						<div class="box-body">
							<h5>
								<strong>本次报价各项总价</strong>
							</h5>
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
									<td width="5%" class="center">总原价(元)</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly" th:value="${#numbers.formatDecimal(quote.costSum,1,2)}" /></td>
										<td width="4%" class="center">总报价(元)</td>
										<td width="8%"><input class="form-control" type="text"
											id="sum" name="sum" readonly="readonly"
											th:value="${#numbers.formatDecimal(quote.sum,1,2)}" /></td>
										<td width="4%" class="center">浮动比例</td>
										<td width="8%"><div class="input-group">
												<input class="form-control" type="text" id="ratio"
													name="ratio" readonly="readonly" th:value="${#numbers.formatDecimal(quote.ratio,1,2)}" />
												<span class="input-group-addon">%</span>
											</div></td>
										<td width="5%" class="center">浮动金额</td>
										<td width="8%"><input class="form-control" type="text"
											id="discount" name="discount" readonly="readonly"
											th:value="${#numbers.formatDecimal(quote.discount,1,2)}" /></td>
									</tr>
									<tr class="odd gradeX">
										<td width="5%" class="center" style="display: none;">拟报价(元)</td>
										<td width="8%" style="display: none;"><input class="form-control" type="text"
											id="assumeSum" name="assumeSum" readonly="readonly" th:value="${#numbers.formatDecimal(quote.assumeSum,1,2)}"/></td>
										<td width="4%" class="center">报价说明</td>
										<td colspan="7">
												<input class="form-control" type="text" id="quoteExplain"
												name="quoteExplain" readonly="readonly" th:value="${quote.quoteExplain}"/>
									</td>
									</tr>
									
								</tbody>
							</table>
						</div>
						<div class="box box-info">
								<div class="box-header with-border">
									<i class="fa fa-th-list"></i>
									<h4 class="box-title">报价审批</h4>
								</div>
								<table class="table table-bordered">
									<tbody>
										<tr class="odd gradeX">
											<td width="8%" class="center">浮动比例</td>
											<td width="25%"><input class="form-control" type="text" th:value="${#numbers.formatDecimal(quote.ratio,1,2)}" readonly="readonly" />
											</td>
											<td width="2%"></td>
											<td width="11%" class="center">是否新产品、特殊行业、成套装置</td>
											<td width="25%"><input class="form-control" type="text" readonly="readonly" th:value="${quote.isNewProduct}"/></td>
										</tr>
									</tbody>
								</table>					
							</div>
						<div class="box-body"  th:replace="audit/audit-do::#audit-do">
						
						
						</div>
					
					</div>
				</div>
			</div>
		</section>

		<script th:inline="javascript">
			/*<![CDATA[*/

			var quoteName = /*[[${quoteName}]]*/' ';
			var quoteId = /*[[${quoteId}]]*/' ';
			var taskId = /*[[${taskId}]]*/' ';
			/*]]>*/
		</script>
		<script th:src="@{/quote/quote-audit-view.js}"></script>
	</div>
</body>
</html>
